<template>
	<view>
		<!-- 头部导航 -->
		<view class="tabbbar">
		  <text class="quxiaojiantou"><</text>
		  <text class="tabtext">评价老师</text>
		</view>
    <!-- 切换栏 -->
    <view class="tabbqiehuan">
      <view >
        <text class="jihuotab">未评价</text>
      </view>
      <view >
        <text class="weijitab">已评价</text>
      </view>
    </view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				
			}
		},
		methods: {
			
		}
	}
</script>

<style>
  
  /* 被激活添加的类名 */
  .jihuotab {
    width: 95rpx;
    height: 30rpx;
    font-size: 32rpx;
    font-family: PingFang SC;
    font-weight: bold;
    color: #333333;
    line-height: 40rpx;
    padding-bottom: 10rpx;
    border-bottom: 2px solid #8DCE2A;
  }
  /* 未被激活的 */
  .weijitab {
    width: 82rpx;
    height: 27rpx;
    font-size: 28rpx;
    font-family: PingFang SC;
    font-weight: bold;
    color: #AAAAAA;
    line-height: 40rpx;

  }
/* tabbar */
.tabbbar {
  width: 100%;
  height: 116rpx;
 background: url(../img/tabbar.png) no-repeat;
 background-size: cover;
  opacity: 0.3;
  

}
.quxiaojiantou {
  font-family: PingFang SC;
  font-weight: bold;
  color: #333333;
      line-height: 114rpx;
      margin-left: 50rpx;
}
.tabtext {
  width: 70rpx;
  height: 34rpx;
  font-size: 36rpx;
  font-family: PingFang SC;
  font-weight: bold;
  color: #333333;
  line-height: 30rpx;

 margin-left: 230rpx;
}
/* 内容区 */
.tabbqiehuan {
  display: flex;
  width: 750rpx;
  height: 88rpx;
  background: #FFFFFF;
  box-shadow: 0px 10px 16rpx 0px rgba(0, 0, 0, 0.04);
  }
  .tabbqiehuan view {
    text-align: center;
    line-height: 88rpx;
    width: 375rpx;
    
  }
  
</style>
